草庐IT

D3 笔记

全部标签

javascript - 使用d3获取鼠标点击svg的坐标

我想获取鼠标点击矩形svg时的坐标。我正在尝试将鼠标点击坐标打印到控制台。我可以使用pageX和pageY来获取坐标,但那是整个页面的坐标。我只需要svg中的坐标。我正在使用d3.v3.min.js所以我尝试了:$(document).mousedown(function(){console.log(d3.mouse(this));});我得到错误:UncaughtTypeError:Cannotreadproperty'sourceEvent'ofnull我也试过:$(document).mousedown(function(){console.log(d3.mouse(docume

javascript - D3 线充当闭合路径

更新:这是一个问题示例-http://jsfiddle.net/Hffks/2/我正在尝试使用D3编写折线图代码,我的线在最后闭合,我的意思是它充当闭合路径,其中第一个点和最后一个点相同。我的数据采用以下JSON格式:[entityA:[{time:1230000,//timesinceepochattribute1:123//numericvalueattribute2:123//numericvalue},{time:1230010,//timesinceepochattribute1:123//numericvalueattribute2:123//numericvalue}],

javascript - 使用时间流逝的 d3 中的颜色过渡

我一直难以理解一些D3概念(我对javascript相对较新,这无济于事)。我想要做的是有一个状态指示器,从绿色开始,慢慢变黄,然后慢慢变红。如果发生某些事件(按下按钮、收到消息等),我希望指示器返回绿色,重新开始转换。这是一个简单的示例(在jQuery中),显示了基本的视觉效果(无法重置)http://jsfiddle.net/N4APE/在D3中,我的想法是将背景颜色映射到经过的毫秒数。我试图创建一个这样的比例://10secisyellow,30secisredd3.scale.linear().domain([0,10000,30000]).range(["#00ff00","

javascript - 无法读取未定义的属性 'force'(简单 D3 网络图)

我是D3和Javascript的新手,但通常很幸运,只需复制基本的D3脚本并将我的数据转换为正确的格式,以便可视化工作。我已经尝试了几个D3网络图,当我检查页面时,所有这些图都出现了相同的错误。未捕获的类型错误:无法读取未定义的属性“force”。如果您在此处查看脚本:http://bl.ocks.org/jose187/4733747我只是将它与相应的.json文件一起完全复制,并收到上述错误。似乎认为d3.layout.force()是一个“匿名函数”。知道发生了什么事吗?或者如何解决?谢谢! 最佳答案 力布局d3.layout

javascript - 在 D3 Javascript 可视化中使用 JSON 数据

我正在通过使用JSON数据来驱动一些使用javascriptD3可视化工具(http://mbostock.github.com/d3/)制作的图表。我已经设置了我的WCF服务,并且Jquery中的这段代码工作正常:$('#getDataItems').click(function(){var$DataList=$('#DataList');$DataList.empty().appendLi('Loading...');//GettheJsonPdata$.getJSON('http://localhost:65025/CustomersService.svc/GetMyDataIt

javascript - 在 d3.js 中重新绑定(bind)数据的最佳方式

我正在使用d3.js库根据数据生成内容。这是一个简化的例子。data_arr=[0,1,2,3,4];d3.select("#mylist").selectAll('li').data(data_arr).enter().append("li").html(function(d){varelement=document.createElement('div');element.innerHTML=''+d+'';returnelement.innerHTML;});如果我更改我的数组,例如新数据是[5,3]。重新绑定(bind)和显示新html的最佳方式是什么?我必须再次调用相同的句子

javascript - 为什么此 D3 代码将 <p> 元素添加到主体外部,而不是内部?

我正在学习D3,在使用select运算符时遇到了问题。具体来说,为什么下面的代码要加上元素在body外部,而不是body内部?varpData1=d3.select("body").select("p").data([1]).enter().append("p");我正在使用一个完全空白的HTML文件,其中只有和要测试的标签。 最佳答案 (这重复了LarsKotthoff的回答中的内容,但我花了时间创建演示,所以我想我仍然会发布。)问题在于select与selectAll不同,不会为enter()选择中添加的元素重新定义父元素.d3

javascript - 使用 d3.js 获取选中的单选按钮的值

我有以下表格:groupedstacked我想使用d3获取当前选中的单选按钮的值。以下尝试均未成功:varval=d3.select('input[name="group-stack"]').checked;//undefinedvarval=d3.select('input[name="group-stack"][checked]')[0][0].value//always'grouped'regardlessofwhichradioisselected 最佳答案 试试这个d3.select('input[name="group-

华为 isis ip课程课堂笔记

isis:中间系统到中间系统协议isis配置及解释]isis  //配置isis协议]network-entity49.0001.0000.0000.0001.00   //配置net地址49.0001:areaid  不同的level-1路由器必须在同一个区域,level-2路由器可以不在同一区域0000.0000.0001:systemid 标识唯一一台路由器,类似ospf中的routerid基本设置1.修改路由器级别(默认为level-1-2)[R1-isis-1]is-level?   //全局修改路由器级别,默认为level-1-2 level-1  Level-1 level-1-

javascript - D3.js 与 D3.min.js 之间的区别

D3.js和D3.min.js文件有什么区别?似乎只包含D3.min.js就足够了。那么D3.js是做什么用的?甚至http://d3js.org/页面建议从互联网获取d3.min.js并包含到正文中当我从http://d3js.org/提取下载的zip文件时我得到了d3.js和d3.min.js 最佳答案 D3.min.js文件是代码的压缩版本。这意味着它更小且适合生产-加载速度更快。D3.js文件的未压缩版本是您将在应用开发阶段使用的版本。您可以更轻松地浏览代码,并且大多数IDE具有“转到函数定义”功能,如果您使用文件的压缩版本